<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>千千万能工具箱-在线p2p文件传输</title>
		  <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="../js/element2.4.7/index.css" />
		<script src="../js/vue2.6.11/vue.js"></script>
		<script src="../js/element2.4.7/index.js"></script>
		<script src="../js/jquery.min.js"></script>
		<style>
			<style>body {
			 font-family: 'Arial', sans-serif;
				margin: 0;
				padding: 0;
				background-color: #f4f4f4;
				color: #333;
			}

			header {
				/* background-color: #00ffff; */
				color: black;
				text-align: center;
				padding: 5px 0;
			}

			.container {
				/* max-width: 1200px; */
				/* margin: 20px auto; */
				/* padding: 0 20px; */
				height: 500px;
				width: 100%;
				margin: auto;
			}

			.el-carousel__item h3 {
				color: #333;
				font-size: 24px;
				font-weight: bold;
			}

			footer {
				/* background-color: #162c5e; */
				color: black;
				text-align: center;
				padding: 10px 0;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<header>
				<img src="img/171143608760179.png"  style="width: 100%;"/>
			</header>

			<div class="container">


				<div style="text-align: center;color: red;">本站去中心化传输文件，保障用户文件安全，请勿传递违法犯罪文件，违者封禁ip</div>
				<br />
				<el-row>
					<el-col :offset="4" :span="8">
						<el-input v-model="roomId" placeholder="请输入传输码" :clearable="true"></el-input>
					</el-col>
					<el-col :offset="1" :span="11">
						<el-button type="success" plain @click="toRoom">进入传输房间</el-button>
					</el-col>

				</el-row>
			</div>

		<!-- 	<footer>
				<p>&copy;千千万能工具箱-p2p文件传输</p>
			</footer> -->


		</div>


		<script src="js/util.js"></script>
		<script>
			const baseUrl = "https://api.lqcpws.cn"
			let app = new Vue({
				el: '#app',
				data: {
					name: 'webrtc',
					roomId: "",
				},
				mounted() {
					this.$notify({
						title: '提示',
						message: '1：本站永久免费，传输文件不限速<br/>' +
							'2：请不要传输有关政治，色情，暴力的文件，违者封ip<br/>' +
							'3：传输码发给你的好友就可以进同一房间进行文件传输<br/>' +
							'4： 传输码尽量复杂一点，以免别人误闯<br/>' +
							'5：如果好用，请推荐给你的朋友！',
						dangerouslyUseHTMLString: true,
						duration: 10000,
						type: 'warning'
					});
					// getLocationUri()
				
				},
				methods: {
					
					test() {
						console.log('load')
					},
					toRoom() {
						if (this.roomId == null || this.roomId == undefined || this.roomId.trim() == "") {
							this.$notify({
								title: '提示',
								message: '请认真填写传输码！',
								duration: 2000,
								type: 'warning'
							})
							return
						}

						putParam('p2p.html', this.roomId)
						 window.location.href='p2p.html'
					}
				}
			})
		</script>
	</body>
</html>
